<template>
  <div class="commonPointCard">
    <el-row>
      <el-col :span="12">
        <span>传感器名称:</span>
        {{ sensor.name }}
      </el-col>
      <!-- <el-col :span="12">
        <span>测点类型:</span>
        {{ info.type }}
      </el-col> -->
    </el-row>
    <el-row>
      <el-col :span="12">
        <span>运行状态:</span>
        {{ sensor.status == 1 ? '开启' : "关闭" }}
      </el-col>
      <!-- <el-col :span="12">
        <span>告警:</span>
        {{ info.warning.num }}
      </el-col> -->
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>安装位置:</span>
        {{ sensor.location}}
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>采集频率:</span>
        {{ sensor.deviceRate }}
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>采集设备:</span>
        {{ sensor.code }}
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>阀值设备:</span>
        {{ sensor.code }}
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState } from "vuex"
export default {
  data() {
    return {};
  },
  props: {
    info: {
      type: Object,
      required: false,
      
    },
  },
  computed:{
    ...mapState("realMonitor", {
      pointDetail: "pointDetail",
      // 传感器
      sensor:"sensor",
    }),
  },
  mounted() {},
  methods: {},
  components: {},
 watch:{
   pointDetail:{
     handler(newVal){
       // 根据点信息查 传感器 测点类型
       
     }
   }
 }
};
</script>

<style lang="scss" scoped>
.commonPointCard {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-top: 30px;
  h3 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(50, 123, 220, 1);
    line-height: 44px;
  }
  span {
    display: inline-block;
    width: 80px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: right;
    line-height: 44px;
  }
}
</style>
